﻿<template>
  <tfoot>
    <tr>
      <td colspan="999" align="left">
        <div class="layui-box layui-laypage layui-laypage-default">
          <span class="layui-laypage-limits">
            <select lay-ignore="" v-model="PageSize" v-on:change="ToPage(1)">
              <option value="10" selected="">10 条/页</option>
              <option value="20">20 条/页</option>
              <option value="30">50 条/页</option>
              <option value="40">100 条/页</option>
            </select>
          </span>

          <a href="javascript:;" title="上一页" :class="{'layui-laypage-prev layui-disabled':CurrentPage==1,'layui-laypage-prev':CurrentPage!=1}" v-on:click="ToPage(CurrentPage-1)">上一页</a>
          <template v-if="ShowFirstPage">
            <a class="layui-laypage-first" href="javascript:;" title="首页" v-on:click="ToPage(1)">首页</a>
            <span class="layui-laypage-spr">...</span>
          </template>

          <template v-for="page in ShowPages">
            <span class="layui-laypage-curr" v-if="page==CurrentPage">
              <em class="layui-laypage-em"></em>
              <em>{{ page }}</em>
            </span>
            <a href="javascript:;" v-if="page!=CurrentPage" v-on:click="ToPage(page)">{{ page }}</a>
          </template>

          <template v-if="ShowLastPage">
            <span class="layui-laypage-spr">...</span>
            <a class="layui-laypage-last" href="javascript:;" title="尾页" v-on:click="ToPage(TotalPage)">尾页</a>
          </template>

          <a class="layui-laypage-next" href="javascript:;" title="下一页" v-bind:disabled="CurrentPage"
            <TotalPage" v-on:click="ToPage(CurrentPage+1="")">下一页</a>


          <span class="layui-laypage-count">&nbsp;共&nbsp;{{ TotalCount }}&nbsp;条</span>
          <span class="layui-laypage-skip">
            到第<input v-model="SkipPage" class="layui-input" type="number" onkeyup="this.value=this.value.replace(/\D/, 0);" min="1">
              页 <button type="button" class="layui-laypage-btn" v-on:click="ToPage(SkipPage)">确定</button>
          </span>
        </div>
      </td>
    </tr>
  </tfoot>
</template>
<!--<script>
export default {
  name: 'tfootPage',
  data () {
    return {
      msg: '网格分页！'
    }
  }
}
</script>-->